<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script src="src/js/commojs/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="src/js/font-awesome-4.6.3/css/font-awesome.min.css"/>
		<script src="src/js/jquery-easyui-1.5/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script src="src/js/Swiper-3.3.1/dist/js/swiper.jquery.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="src/js/Swiper-3.3.1/dist/css/swiper.css"/>
		
		
		<script src="src/js/cookiejs/cookie.js" type="text/javascript" charset="utf-8"></script>
			
		<!--bootstrap   js  css 的引用-->
		<link rel="stylesheet" type="text/css" href="src/js/bootstrap-3.3.7-dist/css/bootstrap.min.css"/>
		<script src="src/js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		
		<link rel="stylesheet" type="text/css" href="src/css/comcss/common.css"/>
		<link rel="stylesheet" type="text/css" href="src/css/indexcss/index.css"/>
		<script src="src/js/indexjs/index.js" type="text/javascript" charset="utf-8"></script>
		<title>陈楷枫——名鞋库-首页</title>
	</head>
	<body>
		<div class="head"> 
			<div style="background: #eee;border-bottom: 1px solid #e5e5e5;">
				<div class="page-block w1190 f12">
					<div class="topnav">
						<ul class="q_menu">
							<li>
								<div id="tologin">
									<span class="head_login f12">
										<a href="login.html">欢迎登录名鞋库</a>
									</span>
									<span class="register f12">
										<a href="zhuce.html">免费注册</a> 
									</span>
								</div>

							</li>
							<li id="my-sheetshop">
								<div>
									 <a href="#">
                   						我的名鞋库 
					                  <b class="caret"></b>
					               </a>
								</div>
							</li>
							
							<li class="mysheet" style="padding-left: 15px;">
								<div class="phone my">
									<p>
										<a href="#">手机名鞋库
											<b class="caret"></b>
										</a>
									</p>
									
								</div>
							</li>
							<li>
								<a href="#">收藏名鞋库</a>
							</li>
							<li class="qq" style="padding-left: 28px;">
								<a href="#">名鞋库客服</a>
							</li>
							<li>
								<img src="src/img/icon_img/phone0160922152114.png"/>
							</li>
						</ul>
					</div>
				</div>
				
					<ul class="mysheet-menu">
					<li><a href="#">我的订单</a></li>
					<li><a href="#">我的积分</a></li>
					<li><a href="#">优惠券</a></li> 
					<li><a href="#">商品收藏</a></li> 
					<li><a href="#">收货地址</a></li> 
					<li><a href="#">密码管理</a></li> 
					</ul>
				<div class="log-top">
					<div class="w1190 f12">
						<div class="log">
							<a href="#">
								<img src="src/img/icon_img/transparent.gif"/>
							</a>
						</div>
						<div class="server">
							<div class="server-txt">
								<form action"" method="post">
									<input type="text" id="server-txt-box" value=""placeholder="热搜" />
									<input type="submit" id="server-btn" value="搜索"/>								
								</form>
								<div class="hot-server">
									热搜
									<a href="#">跑步鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">板鞋</a>
									<a href="#">皮鞋</a>
								</div>	
							</div>
							<div class="cart">
								<a href="shopCar.html" class="cart-min">
									<div id="carCount">购物车
										<span id="num">
											0
										</span>
										件
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>		
		<!--头部结束。-->
		
		<!--导航条部分开始-->
		<div class="nav-head">
			<div class="wid1190">
				<ul>
					<li class="nav-right">
						<span class="sport"><img src="src/img/icon_img/sport.png"/></span>
						<a href="#">
							运动小白
						</a>
						<a href="#">上新区</a>
						<a href="#">即将售罄</a>
						<a href="#">逢八必杀</a>
					</li>
					<li class="all-kinds">所有商品分类</li>
					<li class="nav-really">
						<a href="index.html">首页</a>
						<a href="#">男子运动</a>
						<a href="#">女子运动</a>
						<a href="#">儿童</a>
						<a href="#">男鞋</a>
						<a href="#">户外</a>
					</li>
				</ul>

				<div class="mansport-menu">
					<ul>
						<li>
							<h4>运动鞋</h4>
							<p>
								<a href="shop_lists.html">休闲鞋</a>
								<a href="#">板鞋鞋</a>
								<a href="#">跑步鞋</a>
								<a href="#">帆布鞋</a>
								<a href="#">拖鞋</a>
								<a href="#">篮球鞋</a>
								<a href="#">足球鞋</a>
								<a href="#">网球鞋</a>
								<a href="#">溯溪鞋</a>
							</p>
						</li>
						<li>
							<h4>服装</h4>
							<p>
								<a href="#">短袖T恤</a>
								<a href="#">运动短裤</a>
								<a href="#">休闲裤</a> 				
								<a href="#">卫衣</a>
								<a href="#">外套</a>				
							</p>
						</li>
						<li>
							<h4>品牌推荐</h4>
							<p>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -269px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -290px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -343px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -421px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -500px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
								</a>
							</p>
							
						</li>
					</ul>
				</div>
				<div class="womansport-menu">
					<ul>
						<li>
							<h4>运动鞋</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">板鞋鞋</a>
								<a href="#">休闲鞋</a>
							</p>
						</li>
						<li>
							<h4>服装</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">板鞋鞋</a>
								<a href="#">休闲鞋</a>								
							</p>
						</li>
						<li>
							<h4>品牌推荐</h4>
							<p>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -269px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -290px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -343px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -421px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -500px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
								</a>
							</p>							
						</li>
					</ul>						
				</div>
				<div class="childsport-menu">
					<ul>
						<li>
							<h4>运动鞋</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">板鞋鞋</a>
								<a href="#">休闲鞋</a>
							</p>
						</li>
						<li>
							<h4>服装</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">板鞋鞋</a>
								<a href="#">休闲鞋</a>								
							</p>
						</li>
						<li>
							<h4>品牌推荐</h4>
							<p>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -269px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -290px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -343px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -421px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -500px;">
								</a>
								<a href="#">
									<img src="src/img/icon_img/transparent.gif" width="69" height="35" 
									style=" background: url(src/img/icon_img/default_brandwall_bg11.png)no-repeat 5px -180px;">
								</a>
							</p>							
						</li>
					</ul>					
				</div>
			</div>
		</div>
		
		<!--轮播图区-banner-->
		<div class="big-box">
			<div class="w—1190">
				<div class="focus">	
					<div class="swiper-container">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide">
					        	<a href="#">
									<img src="src/img/index_img/index_jd0919-11.jpg"/>
								</a>
					        </div>
					        <div class="swiper-slide">
								<a href="#">
									<img src="src/img/index_img/index_jd12.jpg"/>
								</a>					   
					        </div>
					        <div class="swiper-slide">
					        	<a href="#">
									<img src="src/img/index_img/lunbo156043745.jpg"/>
								</a>
					        </div>
					    </div>
					    <!-- 如果需要分页器 -->
					    <div class="swiper-pagination"></div> 
					</div>
					
						<!--所有商品分类菜单-->
					<div class="all-kinds-menu">
						<ul>
							<li>
								<span class="kinds-menu-icon" 
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -48px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>
							<li>
								<span class="kinds-menu-icon" 
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -92px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
							<li>
								<span class="kinds-menu-icon"
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -139px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
							<li>
								<span class="kinds-menu-icon"
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -188px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
							<li>
								<span class="kinds-menu-icon"
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -233px">
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
							<li>
								<span class="kinds-menu-icon"
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -48px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
							<li>
								<span class="kinds-menu-icon"
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -48px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
							<li>
								<span class="kinds-menu-icon"
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -48px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
							<li>
								<span class="kinds-menu-icon"
									style="background:url(src/img/icon_img/navcats_icon.png) no-repeat 6px -48px">
									<img src="src/img/icon_img/transparent.gif"/>
								</span>
								<a href="#">运动休闲鞋</a>
								<i class="fa fa-caret-right"></i>
							</li>	
						</ul>

					</div>					
					
						<!--所有商品分类二级菜单-->
					<div class="all-kinds-nextmenu">
						<div class="nextmenu-min">
							<h4>
								运动男鞋
								<span class="more">更多</span>
							</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
							</p>
						</div>
						<div class="nextmenu-min">
							<h4>
								运动男鞋
								<span class="more">更多</span>
							</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
							</p>
						</div>
						<div class="nextmenu-min">
							<h4>
								运动男鞋
								<span class="more">更多</span>
							</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
							</p>
						</div>
						<div class="nextmenu-min">
							<h4>
								运动男鞋
								<span class="more">更多</span>
							</h4>
							<p>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
								<a href="#">休闲鞋</a>
							</p>
						</div>
							
					</div>					
				</div>


				
			</div>
		</div>
	
		
		<div class="big-box">
			<!--小log展示-->
			<div class="wid1190">
				
			
				<div class="log-conten">
					<div class="log-head">
						<h4><a href="#">运动/户外/童鞋</a></h4>
						<div class="log-show">
							<div class="log-show-left">
								<a href="#">
									<img src="src/img/index_img/log_show/1 (1).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (2).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (3).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (4).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (5).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (6).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (7).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (8).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (10).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (11).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (12).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (1).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (14).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (15).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (16).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (17).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (18).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (19).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (20).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (21).png"/>
								</a>
								<a href="#">
									<img src="src/img/index_img/log_show/1 (2).png"/>
								</a>
								
							</div>
							<div class="log-show-right">
								<div class="show-R-one">
									<ul>
										<li>颜王撩妹，运动风全程开挂</li>
										<li>颜王撩妹，运动风全程开挂</li>
										<li>颜王撩妹，运动风全程开挂</li>
									</ul>
								</div>
								<div class="show-R-two">
									<h3>新品动态</h3>
								</div>
								<div class="show-R-three">
									<img src="src/img/index_img/l1-2.jpg"/>
								</div>
							</div>
						</div>
	
					</div>
				</div>
				
					
				<!--特卖专区-->
				<div class="clear10"></div>
				<div class="special">
					<ul>
						<li>
							<img src="src/img/index_img/zj-mlj.jpg"/>
						</li>
						<li>
							<img src="src/img/index_img/zj_lq.jpg"/>
						</li>
						<li>
							<img src="src/img/index_img/20160504_xj.jpg"/>
						</li>
						<li>
							<img src="src/img/index_img/zj_pb.jpg"/>
						</li>
						<li>
							<img src="src/img/index_img/20160504_tz.jpg"/>
						</li>
					</ul>
				</div>
			
				<!--运动小白区-->	
				<div class="clear10"></div>
				<div class="sport-write">
					<div class="sport-write-left">
						<ul>
							<li>
								<a href="#">
									运动小白
								</a>
							</li>
							<li>
								<a href="#">
									跑步姿势
								</a>
							</li>
							<li>
								<a href="#">
									健身干货
								</a>
							</li>
							<li>
								<a href="#">
									玩酷生活
								</a>
							</li>
						</ul>
					</div>
					<div class="sport-write-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l0.jpg"/>
						</a>
					</div>
					<div class="sport-write-right">
						<a href="#" class="pic-animate one" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/index_g1_15.jpg" height="247"/>
						</a>
						<a href="#" class="pic-animate one" style="border-left: 1px solid #d2d2d2;">
							<img src="src/img/index_img/index_g1_16.jpg"/>
						</a>
						<a href="#" class="pic-animate two" >
							<img src="src/img/index_img/index_g1_17.jpg"/>
						</a>
						<a href="#" class="pic-animate two" style="border-top: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;">
							<img src="src/img/index_img/index_g1_18.jpg"/>
						</a>
					</div>
				</div>
			
				<!--楼层1楼-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor-1.png"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>


					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l1.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l1-1.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l1-2.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l1-3.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright" >
							<img src="src/img/index_img/l1-4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright" >
							<img src="src/img/index_img/l1-5.jpg"/>
						</a> 
						<a href="#" class="pic-animate two">
							<img src="src/img/index_img/l1-6.jpg"/>
						</a> 
					</div>
				</div>
				
				<!--楼层2-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor-2.jpg"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>


					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l2.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l2-1.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l2-2.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l2-3.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright" >
							<img src="src/img/index_img/l2-4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/l2-5.jpg"/>
						</a> 
						<a href="#" class="pic-animate two">
							<img src="src/img/index_img/l2-6.jpg"/>
						</a> 
					</div>
				</div>

				<!--楼层3-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor-3.jpg"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>


					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l3.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l3-1.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l3-2.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l3-3.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright" >
							<img src="src/img/index_img/l3-4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright" >
							<img src="src/img/index_img/l3-5.jpg"/>
						</a> 
						<a href="#" class="pic-animate two" >
							<img src="src/img/index_img/l3-6.jpg"/>
						</a> 
					</div>
				</div>
				
				
				<!--楼层4-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor3.jpg"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>
					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l4.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511064f2.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511064f3.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511064f4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511064f5.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511064f6.jpg"/>
						</a> 
						<a href="#" class="pic-animate two">
							<img src="src/img/index_img/s1511064f7.jpg"/>
						</a> 
					</div>
				</div>				
				<!--楼层5-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor5.jpg"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>
					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l5.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511065f2.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511065f3.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511065f4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511065f5.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511065f6.jpg"/>
						</a> 
						<a href="#" class="pic-animate two">
							<img src="src/img/index_img/s1511065f7.jpg"/>
						</a> 
					</div>
				</div>					
			
				<!--楼层6-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor6.jpg"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>
					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l6.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511066f2.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511066f3.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511066f4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511066f5.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511066f6.jpg"/> 
						</a> 
						<a href="#" class="pic-animate two">
							<img src="src/img/index_img/s1511066f7.jpg"/>
						</a> 
					</div>
				</div>						
	
				<!--楼层7-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor7.png"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>
					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l7.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l7-1.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l7-2.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/l7-3.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/l7-4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/l7-5.jpg"/> 
						</a> 
						<a href="#" class="pic-animate two">
							<img src="src/img/index_img/l7-6.jpg"/>
						</a> 
					</div>
				</div>						

				<!--楼层8-->
				<div class="clear10"></div>
				<div class="floor-1">
					<div class="floor-1-left">
						<dl>
							<dt>
								<a href="#">
									<img src="src/img/icon_img/floor-8.png"/>
									
								</a>
							</dt>
							<dd>
								<a href="#">
									阿迪阿斯
								</a>
							</dd>
							<dd>
								<a href="#">
									耐克
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									三叶草
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
							<dd>
								<a href="#">
									
									<img src=""/>
								</a>
							</dd>
						</dl>
						<div class="floor-1-txt">
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>
							<a href="#">休闲鞋</a>
							<a href="#">板鞋</a>
							<a href="#">帆布鞋</a>							
						</div>
					</div>
					<div class="floor-1-center">
						<a href="#" class="pic-animate">
							<img src="src/img/index_img/l8.jpg"/>
						</a>
					</div>
					<div class="floor-1-right">
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511068f2.jpg"/>
						</a>
						<a href="#" class="pic-animate one boright" style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511068f3.jpg"/>
						</a> 
						<a href="#" class="pic-animate one " style="border-bottom: 1px solid #d2d2d2;">
							<img src="src/img/index_img/s1511068f4.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511068f5.jpg"/>
						</a> 
						<a href="#" class="pic-animate two boright">
							<img src="src/img/index_img/s1511068f6.jpg"/> 
						</a> 
						<a href="#" class="pic-animate two">
							<img src="src/img/index_img/l8-6.jpg"/>
						</a> 
					</div>
				</div>	
				
				<!--页脚logo展示区-->
				<div class="clear10"></div>
				<div class="foot-logo">
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (1).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (2).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (3).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (4).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (5).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (6).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (7).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (3).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (1).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (2).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (1).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (2).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (3).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (4).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (5).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (6).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (7).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (3).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (1).gif"/>
						<span class="zhemu"></span>
					</a>
					<a href="#">
						<img src="src/img/index_img/foot-logo/0 (2).gif"/>
						<span class="zhemu"></span>
					</a>						
				</div>
				
				<!--商品分类-->
				<div class="clear20"></div>
				<div class="foot-kinds">
					<div class="kinds-head">
						<div class="kinds-head-left"></div>
						<span>商品分类</span>
						<div class="kinds-head-right"></div>
					</div>
					<div class="kinds">
						<ul>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
							<li>
								<h5><a href="">运动休闲鞋</a></h5> 
								<a href="#">
									<img src="src/img/index_img/foot-logo/0 (1).png"/>
								</a>
							</li>
						</ul>
						<div class="kinds-txt">
							<ul>
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li> 
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li>
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li>
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li>
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li>
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li>
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li>
								<li>
									<a href="#">休闲鞋</a>
									<a href="#">帆布鞋</a>
									<a href="#">拖鞋</a>
									<a href="#">新百伦574</a>
									<a href="#">阿迪ZX</a>
									<a href="#">开口笑</a>
								</li>
							</ul>
						</div>	
					</div>
				</div>
				
				
			</div>
			
		</div>
		<div class="foot_load"></div>
	</body>
</html>
